*{margin: 0;padding: 0;box-sizing: border-box;}
body{
    background: #eee;
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
li{list-style: none; margin: 36px 0;}
.skill li{list-style: circle;margin-left: 5px;}
.container{
    width: 70%;
    background: white;
    padding: 30px;
}
.head{margin-top: 5px;}
.message{margin-left: 70px;text-align: center;}
.message h1{margin-bottom: 10px;}
header{
    display: flex;
    align-items: center;
    // justify-content: space-between;
    margin: 15px 0;
}
section{margin-top:50px ;}
h2{margin: 20px 0;border-bottom: 1.5px solid black;}
h3{margin-right: 20px;}
a{margin: 0 10px;color: inherit;font-size: 12px;}
span{color: orange;}
img{width: 80px;height: 98px;float: right;margin-right: 20px;}
.other a{
  font-size: 16px;
}
.other li{
    margin: 25px 0;
}

@media(max-width:420px){
    body{margin: 0;}
    .container{width: 100%;}
    .skill li{margin: 0;list-style: inherit;}
    .message{margin: 0;text-align: inherit;}
    header{display: block;}
    a{margin: 0;}
    .head img{margin: 15px 0 0 15px;}
}

